/*
 * Wire
 * Copyright (C) 2018 Wire Swiss GmbH
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program. If not, see http://www.gnu.org/licenses/.
 *
 */

@input-element-indent: 6px;
@input-element-width: 320px;

input-element {
  display: block;

  > textarea {
    .reset-textarea;
    background-color: fade(#fff, 24%);
    border-radius: 2px;
    display: block;
    height: 24px;
    margin-left: -@input-element-indent;
    max-width: @input-element-width;
    min-height: @line-height-lg;
    padding-left: @input-element-indent;
    padding-right: @input-element-indent;

    &:focus {
      outline: 0;
    }

    &::placeholder {
      .label-xs();
      color: fade(#fff, 56%);
    }
  }

  > span {
    .ellipsis;
    display: block;
    max-width: 100%;

    &.hover::after,
    &:hover::after {
      .icon-mixin('\e177', @icon-size-sm); // icon-edit
      margin-left: 8px;
    }
  }
}
